<template>
	<div> 
    	<el-form-item label="订单号" :label-width="formLabelWidth" class="half">
          <el-input  v-model="val.dialogForm.orderNumber" auto-complete="off" disabled ></el-input>
        </el-form-item>
        <el-form-item label="申请时间" :label-width="formLabelWidth" class="half">
          <el-input  v-model="val.dialogForm.addTime" auto-complete="off" disabled ></el-input>
        </el-form-item>
        <el-form-item label="订单类型" :label-width="formLabelWidth" class="half">             
            <el-select 
                    v-model="val.dialogForm.type" 
                    placeholder="请选择订单类型"  
                    disabled
                    >
              <el-option  label="请选择订单类型" value="" >
             </el-option>
             <el-option  v-for="(item, index) in val.orderType" :label="item" :value="index-0" :key="index">
             </el-option>
            </el-select>    
        </el-form-item>
        <el-form-item label="业务员"  :label-width="formLabelWidth" class="half"> 
            <el-select 
                    v-model="val.dialogForm.businessSysUsersId" 
                    placeholder="请选择业务员"  
                    disabled
                    >
            <el-option  label="请选择业务员" value="" >
            </el-option>
               <el-option    
                    v-for="(item,index) in val.yewuyuan"  
                    :label="item.realname"  
                    :value="item.id"   
                    :key="index"
                    >  
               </el-option>  
            </el-select>    
        </el-form-item>
        <el-form-item label="经销商名称" :label-width="formLabelWidth" >
          <el-input  v-model="val.dialogForm.dealerName" auto-complete="off" disabled ></el-input>
        </el-form-item>
        <el-form-item label="汽车车型" :label-width="formLabelWidth">
          <el-input  v-model="val.dialogForm.carBrandNameAndCarName" auto-complete="off" disabled ></el-input>
        </el-form-item>
        <el-form-item label="汽车数量" :label-width="formLabelWidth" class="half">
          <el-input  v-model="val.dialogForm.amount" auto-complete="off" disabled ></el-input>
        </el-form-item>
        <el-form-item label="汽车颜色" :label-width="formLabelWidth" class="half">
          <el-input  v-model="val.dialogForm.color" auto-complete="off" disabled ></el-input>
        </el-form-item>
        <el-form-item label="购车总价格" :label-width="formLabelWidth" class="currency">
          <el-input  :value="val.dialogForm.totalPrice|toFixed2" auto-complete="off" disabled ></el-input>
          <span class="convertCurrency">{{val.dialogForm.totalPrice|convertCurrency}}</span>
        </el-form-item>
        <el-form-item label="垫资金额" :label-width="formLabelWidth" class="currency">
          <el-input  :value="val.dialogForm.paymentAmount|toFixed2" auto-complete="off" disabled ></el-input>
          <span class="convertCurrency" >{{val.dialogForm.paymentAmount|convertCurrency}}</span>  
        </el-form-item>
        <el-form-item label="定金金额" :label-width="formLabelWidth" class="currency">
          <el-input  :value="val.dialogForm.earnest|toFixed2" auto-complete="off" disabled 
          ></el-input>
          <span class="convertCurrency">{{val.dialogForm.earnest|convertCurrency}}</span>
        </el-form-item>
         <el-form-item label="保证金金额" :label-width="formLabelWidth" class="currency">
          <el-input  :value="val.dialogForm.deposit|toFixed2" auto-complete="off" disabled ></el-input>
          <span class="convertCurrency">{{val.dialogForm.deposit|convertCurrency}}</span>
        </el-form-item>
        <el-form-item label="垫资比例" :label-width="formLabelWidth" class="half" prop="earnest">
            <el-input type="text" :value="(((val.dialogForm.paymentAmount-0)/(val.dialogForm.totalPrice-0)*100).toFixed(2))+'%'"  min="0" max="99999999" auto-complete="off" disabled></el-input>
        </el-form-item>

        <el-form-item label="当前利率" :label-width="formLabelWidth" class="half">
          <el-input  :value="(val.dialogForm.interestRate-0).toFixed(4)" auto-complete="off" disabled ></el-input>
        </el-form-item>  
        <el-form-item label="借款时长" :label-width="formLabelWidth" prop="durationId"  class="half"> 
            <el-select  
                    v-model="val.dialogForm.durationId" 
                    placeholder="请选择借款时长"
                    disabled   
                    >
                <el-option    
                    v-for="(item,index) in val.dialogForm.carOrderDurationList"  
                    :label="item.description"  
                    :value="item.id"   
                    :key="index"
                    >  
                </el-option>
            </el-select> 
        </el-form-item>
        <el-form-item label="地推员" :label-width="formLabelWidth" class="half"> 
            <el-select 
                    v-model="val.dialogForm.pushSysUsersId" 
                    placeholder="请选择地推员"  
                    disabled
                    >
            </el-option>
               <el-option    
                    v-for="(item,index) in val.ditui"  
                    :label="item.realname"  
                    :value="item.id"   
                    :key="index"
                    >  
               </el-option>  
            </el-select>    
        </el-form-item>
        <el-form-item label="指导价/配置" :label-width="formLabelWidth">
          <el-input  type="textarea" :rows=3 v-model="val.dialogForm.carConfig" auto-complete="off" disabled ></el-input>
        </el-form-item>
        <el-form-item label="价格审核备注" :label-width="formLabelWidth" >
          <el-input  type="textarea" :rows=3 v-model="val.dialogForm.priceRemark" auto-complete="off" disabled ></el-input>
        </el-form-item>
        <el-form-item label="资金方" :label-width="formLabelWidth" > 
            <el-select 
                    v-model.number="val.dialogForm.funderId" 
                    placeholder="请选择资金方"  
                    disabled
                    >
            </el-option>    
               <el-option    
                    v-for="(item,index) in val.selectFunder"  
                    :label="item.realname"  
                    :value="item.id"   
                    :key="index"
                    >  
               </el-option>  
            </el-select>    
        </el-form-item>

        <el-form-item label="SPV" :label-width="formLabelWidth" > 
          <el-input  :value="val.selectSpvUser.realname" auto-complete="off" disabled ></el-input>
        </el-form-item>
        <el-form-item label="补充说明" :label-width="formLabelWidth" >
          <el-input  type="textarea" :rows=3 v-model="val.dialogForm.supplementExplain" auto-complete="off" disabled ></el-input>
        </el-form-item>
    </div>
</template>
<script >
	export default{
        computed:{
          val1 () {
            this.val=eventHub.val
            //return eventHub.val
          }
        },
        data(){
           return {
              val:{
                dialogForm:{},
                selectSpvUser:{}
              }
           }
        },
		    props:['formLabelWidth'],
        beforeDestroy(){
            eventHub.val="";
        }
	}
</script>